<div class="normal-table-wrap">
  <div nz-row [nzGutter]="16">
    <div
      nz-col
      [nzXXl]="6"
      [nzXl]="8"
      [nzLg]="12"
      [nzMd]="12"
      [nzSm]="12"
      [nzXs]="24"
      *ngFor="let item of list"
    >
      <nz-card
        nzHoverable
        class="card-item"
      >
        <nz-card-meta
          [nzAvatar]="avatarTemplate"
          [nzTitle]="item.name"
          [nzDescription]="item.desc"
        >
        </nz-card-meta>
      </nz-card>
      <ng-template #avatarTemplate>
        <nz-avatar [nzSrc]="item.avatar"></nz-avatar>
      </ng-template>
    </div>
  </div>
</div>
